
<html>
    <head>
        <meta charset="utf-8">

        <link href="__CSS__bootstrap.min.css" type="text/css" rel="stylesheet">
        <link href="__CSS__index.css" type="text/css" rel="stylesheet">
        <script src="__JS__jquery-3.1.1.min.js"></script>
        <script src="__JS__bootstrap.min.js"></script>
    </head>
    <body>
        <!--导航栏-->
        <include file="Public:header" />
        <!--靠右的div布局-->
        <!--pull-right右浮动-->
        <div id="right" class="col-sm-4 col-md-4 pull-right" style="z-index: 110;">

            <!--语录栏目-->
            <div class="col-sm-12 col-md-12  panel panel-default img-responsive" style="margin:0.5em auto;background-image: url('__IMGS__broad.jpg');background-size: 100% 100%;height:10em;">
                <div class="col-sm-12 col-md-12" style="margin:2em auto;font-size:15px;">
                    鲁迅说：人类的悲欢并不相通。哪怕是与亲人和爱人之间，我们都要耗尽一生去寻求彼此的理解和关爱。 可是，如果没有这种努力，人生又有什么意义？
                </div>
            </div>


            <!-- img-responsive 图片适应响应式-->
            <div class="col-sm-12 col-md-12  panel panel-default">
                <h4 class="col-sm-12 col-md-12  panel panel-header" style="margin:0.5em auto;">功能导航</h4>

                <div class="col-md-12 col-sm-12" style="margin:3px;">
                   <!-- <script src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script> -->
					<ul class="nav col-sm-12 col-md-12 mynav" style="font-size: 1.25em;margin:0;padding:0;">
						<!--<li><a><i class="glyphicon glyphicon-home"></i>&nbsp;首页</a></li>-->
						<li class="col-sm-6 col-md-6 text-center"><a href="__ADMIN__Article/allcontent"><i class="glyphicon glyphicon-th-list"></i>&nbsp;文章目录</a></li>
						<li class="col-sm-6 col-md-6 text-center"><a href="__ADMIN__Component/personal_diary"><i class="glyphicon glyphicon-book"></i>&nbsp;个人日记</a></li>
						<li class="col-sm-6 col-md-6 text-center"><a href="__ADMIN__Component/message_board"><i class="glyphicon glyphicon-list-alt"></i>&nbsp;留言板</a></li>
						<li class="col-sm-6 col-md-6 text-center"><a href="__ADMIN__Component/reward"><i class="glyphicon glyphicon-heart"></i>&nbsp;表白墙</a></li>
						
					</ul>
				</div>
            </div>
            
             <div class="col-sm-12 col-md-12  panel panel-default">
                         <h4 class="col-sm-12 col-md-12  panel panel-header">文章</h4>
                        <div class="col-sm-12 col-md-12  panel-body" style="color:#000000;"> 
                            <span class="label col-sm-6 col-md-6 left" href="#" style="color:#000000;">
                                原创 &nbsp;&nbsp;&nbsp;
                                <span class="badge">{$sum}</span>
                            </span>
                            <span class="label col-sm-6 col-md-6 left" href="#" style="color:#000000;">
                                转载 &nbsp;&nbsp;&nbsp;
                                <span class="badge">0</span>
                            </span>
                        </div>
            </div>

            <!--标签-->
            <div class="col-sm-12 col-md-12 font  panel panel-default">
                <h4 class="col-sm-12 col-md-12  panel panel-header">标签</h4>
                <div class="panel-body Labe">
                    <volist name="tags" id="vo">
					<a href="__CONTROLLER__/findArticle/title/{$vo['name']}" 
					style=" margin:inherit;padding:inherit;text-decoration:none;">
                        <if condition="$vo['id']%6 eq 0">
                            <span class="label label-default">{$vo.name}</span>
                        <elseif condition="$vo['id']%6 eq 1"/>
                            <span class="label label-primary">{$vo.name}</span>
                        <elseif condition="$vo['id']%6 eq 2"/>
                            <span class="label label-success">{$vo.name}</span>
                        <elseif condition="$vo['id']%6 eq 3"/>
                            <span class="label label-info">{$vo.name}</span>
                        <elseif condition="$vo['id']%6 eq 4"/>
                            <span class="label label-warning">{$vo.name}</span>
                        <elseif condition="$vo['id']%6 eq 5"/>
                            <span class="label label-danger">{$vo.name}</span>
                        </if>
					
					</a>
                    </volist>
                </div>
            </div>
            <!--搜索栏-->
             <div class="col-sm-12 col-md-12 col-lg-12 panel panel-default">
			 <form action="https://www.baidu.com/s">
                 <h4 class="col-sm-12 col-md-12  panel panel-header">搜索</h4>
                <div class="input-group col-sm-offset-1 col-md-offset-1 col-sm-10 col-md-10 panel-body">
                    <input type="text" name='wd' class="form-control" placeholder="Search for...">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="submit">Go!</button>
                    </span>
                </div><!-- /input-group -->
			</form>
            </div><!-- /.col-lg-6 -->

            <!--捐献-->
            <!--
			<div class="col-sm-12 col-md-12 col-lg-12 panel panel-default">
                <h4  class="col-sm-12 col-md-12  panel panel-header">资助博主</h4>
                <span  panel-body>
                    博文如果对客官有用的话，就请博主喝杯咖啡吧！
                </span>
                <img class="col-sm-12 col-md-12 img-rounded img-responsive" src="__IMGS__money.jpg">
            </div>
			-->
			<div class="col-sm-12 col-md-12 col-lg-12 panel panel-default">
				<h4  class="col-sm-12 col-md-12  panel panel-header">作品展示</h4>
				<div class="panel-body">
					<a href="http://g.dmf95.cn" target="_blank" class="text-center">
						<img class="col-sm-12 col-md-12 img-rounded img-responsive" src="http://opbk3tfrn.bkt.clouddn.com/img/jpg/work1.jpg">
						<p>仿金庸html5游戏</p>
					</a>
					
					<hr/>
					<a href="http://v.dmf95.cn" target="_blank" class="text-center">
						<img class="col-sm-12 col-md-12 img-rounded img-responsive" src="http://opbk3tfrn.bkt.clouddn.com/img/jpg/work2.jpg">
						<p>视频网站</p>
					</a>
				</div>
			</div>


        </div>

<!--靠左的div布局-->
        <div id="left" class="col-sm-8 col-md-8">
<!--轮播start-->
            <div id="carousel-example-generic" class="carousel slide col-sm-12 col-md-12" data-ride="carousel"  style="height:45%;width:100%;margin:5px;">
                <!-- 轮播（Carousel）指标 -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>

                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                    <img src="__IMGS__roleBig.jpg" alt="..." style="height:100%;width:100%;" class="img-responsive">
                    <div class="carousel-caption">
                        ...
                    </div>
                    </div>

                    <div class="item">
                    <img src="__IMGS__roleBig.jpg" alt="..." style="height:100%;width:100%;" class="img-responsive">
                    <div class="carousel-caption">
                        ...
                    </div>
                    </div>

                    <div class="item">
                    <img src="__IMGS__roleBig.jpg" alt="..." style="height:100%;width:100%;" class="img-responsive">
                    <div class="carousel-caption">
                        ...
                    </div>
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
<!--轮播end-->

<!--文章列表start-->
            <div class="col-sm-12 col-md-12 panel panel-default">
                <h4 class="col-sm-12 col-md-12 panel-heading" style="margin-top:1em;margin-bottom: 0.1em;">
                    最新发布
                </h4>

                <div class="col-sm-12 col-md-12 Labe2" style="background-color: #ab0a0a;width:100%;height:0.5em;">
                </div>

                <volist name="list" id="vo" key='c'>
                        <!--一遍博文介绍-->
                    <div class="col-sm-12 col-md-12 panel-body">
                        <img class="col-sm-4 col-md-4 img-rounded img-responsive" src="__IMGS__01.jpg" style="height:10em;width:15em;">
                        <div class="col-sm-8 col-md-8">
                                <!--文章标题-->
                                <div class="col-sm-12 col-md-12 " style="font-weight: bold;">
                                   <a href="__ADMIN__Article/content/id/{$vo.id}"> {$vo.title}</a>
                                </div>
                                <!--文章内容-->
                                <div class="col-sm-12 col-md-12" style="font-size:1em !important;">
                                    <!--截取前100个字符-->
                                        {$vo.context|htmlspecialchars_decode|cutstr_html|msubstr=0,100}
                                </div>
                               
                            </div>

                             <!--文章尾部-->
                                <div class="col-sm-12 col-md-12" style="margin-top:10px;">
                                    <ul class="list-style list-inline col-sm-12 col-md-12" style="display: inline-block; ">
                                            <li class="col-sm-2 col-md-2">
                                                    <!--<i class="glyphicon glyphicon-tag" style="color:#3778fa;"></i>-->
                                                    <span>
			
														<!-- Single button -->
														<div class="btn-group">
														  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
															文章分类 <span class="caret"></span>
														  </button>
														  <ul class="dropdown-menu">
															  <volist name="tags2[$c-1]" id="voo">
																	
																	<li><a href="#">{$voo}</a></li>
																	
																</volist>
														  </ul>
														</div>
													</span>
                                            </li>

                                        <li class="col-sm-2 col-md-2">
                                            <i class="glyphicon glyphicon-time" style="color:#3778fa;"></i>
                                            <span>{$vo.time}</span>
                                        </li>

                                        <li class="col-sm-2 col-md-2">
                                                <i class="glyphicon glyphicon-comment" style="color:#3778fa;"></i>
                                                评论<span>({$vo['commentnum']})</span>
                                        </li>

                                        <li class="col-sm-2 col-md-2">
                                            <i class="glyphicon glyphicon-eye-open" style="color:#3778fa;"></i>
                                            浏览<span>({$vo['visited']})</span>
                                        </li>
                                        <li class="col-sm-4 col-md-4 text-center">
                                            <a href="__ADMIN__Article/content/id/{$vo.id}">
                                                <button type="button" class="btn btn-info">阅读全文</button>
                                            </a>

                                        </li>
                                    </ul>

                                </div>

                            <div class="col-sm-12 col-md-12 Labe2" style="background-color: #a8a8a8;width:100%;height:0.2em;">
                            </div>
                        </div>

                    </volist>
                </div>
<!--文章列表end-->

        </div>

        <!--尾部信息栏-->
        <include file="Public:footer" />

		<div class="go-top">
			<div class="arrow"></div>
			<div class="stick"></div>
		</div>

    </body>
	<script>
	$(function() {
		$(window).scroll(function() {
			if ($(window).scrollTop() > 1000)
				$('div.go-top').show();
			else
				$('div.go-top').hide();
		});
		$('div.go-top').click(function() {
			$('html, body').animate({scrollTop: 0}, 1000);
		});
	});
	</script>
</html>
